<template>
  <div>
    <p>爱课</p>
    <span class="kkkk"><img src="../img/weixin.png" alt="" /></span>
  </div>
  <!-- <span>{{ count }}</span> -->
  <span class="tttt"><img src="../img/test.png" alt="" /></span>
</template>

<script>
export default {
  setup() {
    const count = 5;
    return { count };
  },
};
</script>

<style lang="less" scoped>
div {
  width: 100%;
  height: 88px;
  line-height: 88px;
  display: flex;
  position: relative;
<<<<<<< HEAD
=======
  padding: 10px;
>>>>>>> wangjiaojiao
  p {
    font-size: 18px;
  }

  .kkkk {
    display: block;
    width: 30px;
    height: 28px;
    display: block;
    position: absolute;
<<<<<<< HEAD

    right: 0;
    bottom: 40px;
=======
    right: 10px;
    bottom: 50px;
>>>>>>> wangjiaojiao
    img {
      width: 30px;
      height: 28px;
    }
  }
}
.tttt {
  display: block;
  width: 100%;
  height: 125px;
  margin: 0 auto;
<<<<<<< HEAD
=======
  padding: 10px;
>>>>>>> wangjiaojiao
  img {
    width: 100%;
    height: 100%;
  }
}
</style>
